<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="./font-awesome/css/font-awesome.css">
        <link rel="stylesheet" href="../src/css/z.css">
        <style>
        section{margin:20px;}
        </style>
    </head>
    <body>
        <section>
            <button class="btn-float btn-primary btn-small">small</button>
            <button class="btn-float btn-primary">normal<span class="badge right">20</span></button>
            <button class="btn-float btn-primary btn-large">large</button>
            <button class="btn-float btn-primary btn-larger">larger</button>
        </section>
        <section>
            <button class="btn-float btn-default">default</button>
            <button class="btn-float btn-primary">primary</button>
            <button class="btn-float btn-success">success</button>
            <button class="btn-float btn-info">info</button>
            <button class="btn-float btn-warning">warning</button>
            <button class="btn-float btn-danger">danger</button>
            <button class="btn-float btn-disabled" disabled>disabled</button>
        </section>
        <section>
            <a class="btn-outline btn-primary">primary<span class="badge right">5</span></a>
            <a class="btn-outline btn-success">success</a>
            <a class="btn-outline btn-info">info</a>
            <a class="btn-outline btn-warning">warning</a>
            <a class="btn-outline btn-danger">danger</a>
            <a class="btn-outline btn-disabled" disabled>disabled</a>
        </section>
        <section>
            <a class="btn-flat btn-default">default</a>
            <a class="btn-flat btn-primary">primary</a>
            <a class="btn-flat btn-success">success</a>
            <a class="btn-flat btn-info">info</a>
            <a class="btn-flat btn-warning">warning</a>
            <a class="btn-flat btn-danger">danger</a>
            <a class="btn-flat btn-disabled" disabled>disabled</a>
        </section>
        <section>
            <ul class="tabs">
                <li class="tab active">tab1</li>
                <li class="tab">tab2</li>
                <li class="tab">tab3</li>
            </ul>
            <div class="tab-content">jasdfijfsaoifj</div>
        </section>
    </body>
</html>